Опубликовано: 20 мая 2025 г.
На конференции Google I/O 2025 мы представили новые функции, которые повысят вашу производительность и позволят вам создать более мощный, бесперебойный и современный Интернет.
Вот 10 ключевых инноваций, которые откроют передовые возможности прямо в ваших руках и наверняка вдохновят ваш следующий проект.
1. Карусели теперь проще, чем когда-либо, создавать с помощью нескольких строк CSS и HTML.
Создавайте красивые карусели с помощью CSS, которые интерактивны с первой отрисовки. Chrome 135 представил новые примитивы CSS — стилизованную фрагментацию, элементы маркера прокрутки и кнопки прокрутки — упрощающие создание каруселей без JavaScript. Используйте знакомые концепции CSS для создания насыщенных, интерактивных, плавных и более доступных каруселей за считанные секунды.
2. Декларативные всплывающие окна: представляем новый API Interest Invoker
Экспериментальный API Interest Invoker доступен в качестве пробной версии origin . С помощью этой функции вы можете декларативно переключать всплывающие окна, когда интерес посетителя активен в течение короткого периода времени. Прощай, нестилизуемый атрибут [title] ; привет [interesttarget] ! Объедините его с API позиционирования якорей и API Popover, чтобы создавать насыщенные, адаптивные и интерактивные элементы пользовательского интерфейса, такие как подсказки или наводящиеся карточки, без JavaScript. Возможности безграничны с современным CSS!
3. Доступно несколько встроенных API ИИ, использующих ведущие модели, такие как Gemini Nano, теперь с возможностью мультимодальных функций в API Prompt.
Наше встроенное путешествие ИИ продолжается, принося вам улучшенную конфиденциальность, уменьшенную задержку и сниженную стоимость, а также доступ к высококачественному результату, созданному ИИ. Встроенный ИИ использует экспертные модели и Gemini Nano, самую эффективную модель Google, для задач на устройстве. Начиная с Chrome 138, Summarizer API , Language Detector API , Translator API и Prompt API для расширений Chrome доступны в стабильной версии. Кроме того, Writer API и Rewriter API доступны в пробных версиях origin.
Новый API Proofreader, а также API Prompt с мультимодальными возможностями доступны в Chrome Canary.
Для получения самой последней информации присоединяйтесь к нашей программе раннего ознакомления , чтобы совместно работать над новыми встроенными API ИИ и формировать будущее ИИ в Интернете.
4. Клиентский ИИ расширяется с помощью Firebase и Gemini Developer API для предоставления гибридного ИИ-решения
Наше сотрудничество с Firebase и Gemini Developer API означает, что теперь вы можете создавать веб-опыты на основе ИИ на мобильных устройствах и настольных компьютерах . Эти приложения используют клиентский ИИ, когда это возможно, и легко масштабируются до серверного ИИ для охвата всех устройств и браузеров. Начиная с сегодняшнего дня, Firebase AI Logic обеспечивает бесперебойный доступ к встроенному в Chrome Prompt API, поддерживаемому Gemini Nano и аналогичными меньшими моделями на стороне сервера с использованием Gemini Developer API.
5. Помощь ИИ в Chrome DevTools поддерживает ваш рабочий процесс отладки в плане стиля, производительности и многого другого.
С помощью ИИ вы можете общаться с Gemini, чтобы он помог вам отладить ошибки стиля на панели Elements, решить проблемы производительности на панели Performance, определить проблемы сети на панели Network и найти исходные файлы на панели Sources. Кроме того, помощь ИИ теперь может применять свои изменения, связанные со стилем, непосредственно к вашему исходному коду на панели Elements.
6. Реальные пользовательские данные, Lighthouse Insights и функции искусственного интеллекта на панели производительности Chrome DevTools помогут вам понять и устранить проблемы с производительностью.
С переосмысленной панелью Performance вы теперь можете получить доступ к локальным и реальным данным Core Web Vitals пользователя и попросить Gemini помочь вам понять и устранить проблемы с производительностью. Боковая панель Insights предоставляет сведения Lighthouse о ваших трассировках, помогая вам быстрее выполнять отладку — и все это без необходимости выходить из рабочего процесса или нарушать производительность.
7. Базовые функции теперь доступны в ваших знакомых инструментах: VS Code, ESLint и других.
Достигните большей точности и уверенности в вашем рабочем процессе веб-разработки с помощью интеграции Baseline. В ваших знакомых инструментах веб-разработки вы получите четкую видимость доступности веб-функций в основных браузерах:
- IDE: VSCode теперь отображает базовый статус функций прямо во время сборки, а вскоре поддержка появится в WebStorm от JetBrains и IDE на основе VS Code, включая Firebase Studio, Windsurf, GitHub Codespaces и другие.
- Linters: CSS и HTML linters могут заранее предупреждать вас, когда вы используете функцию, которая новее, чем ваш целевой Baseline. Baseline поддерживается в ESLint для CSS , HTML ESLint и Stylelint .
- Аналитика: RUMvision объединяет данные Baseline с реальными пользовательскими метриками, позволяя вам стратегически выбирать оптимальную версию Baseline для вашей аудитории. Пользователи Google Analytics могут загружать свои данные в Google Analytics Baseline Checker, чтобы получать рекомендации Baseline.
- Компиляторы: используйте browserslist-config-baseline для подключения целей Baseline к инструментам компиляции кода, таким как Babel и PostCSS, чтобы вы могли использовать современные функции в исходном коде и компилировать их в своих производственных сборках.
8. Получите полное представление о поддержке веб-функций с помощью панели мониторинга веб-платформы
В прошлом году мы анонсировали Web Platform Dashboard — способ изучения данных веб-функций , отображающих всю веб-платформу как набор функций. С набором данных веб-функций, сопоставленным на 100%, впервые за все время вы можете увидеть базовый статус каждой функции в каждом браузере — от AVIF до View Transitions — включая их доступность и внедрение. Будьте в курсе событий и создавайте с уверенностью!
9. Пробная версия для разработчиков для упрощенного процесса входа в систему с помощью Credential Manager
Мы осознаем, что множественные методы аутентификации, включая пароли, федерацию удостоверений и ключи доступа, могут вызывать затруднения у пользователей ваших сайтов. Наша цель — предоставить пользователям унифицированный и простой процесс входа, поэтому мы переносим интуитивно понятный интерфейс диспетчера учетных данных Android в Chrome. Вскоре, когда пользователи нажимают «Войти», Chrome будет отображать учетные данные, доступные для этого сайта, такие как ключи доступа и пароли из диспетчера паролей Google, что делает вход беспроблемным. Мы также планируем добавить федерацию удостоверений в этот опыт. Диспетчер учетных данных для веб-сайта сейчас находится в стадии тестирования для разработчиков ; следите за обновлениями в этом году.
10. Ускорьте итерацию расширений Chrome с возможностью отмены проверки отправки
Отправка вашего расширения Chrome должна быть гладкой, беззаботной и захватывающей! Однако мы знаем, что одной из проблем была невозможность быстро исправить ошибку в ожидающей отправке. Ранее в этом году мы представили возможность отменить ожидающую отправку , которая основана на возможности отката ранее опубликованной версии — все с целью позволить вам вносить изменения и быстро отправлять повторно.
Для получения всей последней информации посетите developer.chrome.com и web.dev , чтобы узнать больше о том, как мы делаем мощный веб, который стал проще. И обязательно свяжитесь с нами на X , YouTube и LinkedIn . Увидимся на следующем I/O!
Deloitte относится к одной или нескольким компаниям Deloitte Touche Tohmatsu Limited, британской частной компании с ограниченной ответственностью («DTTL»), ее сети фирм-членов и их связанных с ними организаций. DTTL и каждая из ее фирм-членов являются юридически отдельными и независимыми организациями. DTTL (также именуемая «Deloitte Global») не предоставляет услуги клиентам. В Соединенных Штатах Deloitte относится к одной или нескольким американским фирмам-членам DTTL, их связанным с ними организациям, которые работают под названием «Deloitte» в Соединенных Штатах, и их соответствующим филиалам. Некоторые услуги могут быть недоступны для подтверждения клиентов в соответствии с правилами и положениями публичного бухгалтерского учета. Пожалуйста, посетите www.deloitte.com/about, чтобы узнать больше о нашей глобальной сети фирм-членов.